<template>
    <div>
        <el-container>
            <el-header>智慧消防远程监管平台</el-header>
            <el-container>
                <el-aside style="width:200px;height:100vh;background-color: #182450">
                    <el-menu
                            style="background-color: #242E66"
                            router>
                        <el-submenu index="1" v-for="(item,index) in this.$router.options.routes"
                                    style="background-color: #242E66"
                                    :key="index">
                            <template slot="title">
                                <i class="el-icon-s-tools"></i>
                                <span>{{item.name}}</span>
                            </template>
                            <el-menu-item
                                    style="background-color: #242E66"
                                    :index="children.path"
                                    v-for="(children,indexj) in item.children">
                                {{children.name}}
                            </el-menu-item>
                        </el-submenu>
                    </el-menu>
                </el-aside>
                <el-main style="height:100vh;background-color: #242E66">
                    <router-view/>
                </el-main>
            </el-container>
        </el-container>
    </div>
</template>

<script>
    export default {
        name:"Home"
    }
</script>

<style>
    .el-menu-item{
        background-color: #182450;
        color:#fff;
    }
    .el-submenu__title * {
        color: #fff;
    }
</style>